<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<link rel="stylesheet" type="text/css" href="css/personal_data.css"/>		
	</head>	
	<body>
		<div class="content">
			<h3>个人资料 <a style="float: right;margin-right: 20px;" href="javascript:void(0)">编辑</a></h3>
			
			<div class="left">				
				<img width="100" height="100" class="img_" src="img/a1.jpg" alt="">				
			</div>
			<div class="right">
				<table>
<!--					<tr>
						<td>姓名</td>
						<td>汪美杰</td>
					</tr>
					<tr>
						<td>邮箱</td>
						<td>1159285669@qq.com</td>
					</tr>
					<tr>
						<td>手机</td>
						<td>18473481752</td>
					</tr>
					<tr>
						<td>电话</td>
						<td>0736-1234-123</td>
					</tr>
					<tr>
						<td>公司</td>
						<td>家里蹲外企</td>
					</tr>
					<tr>
						<td>部门</td>
						<td>技术部</td>
					</tr>
					<tr>
						<td>备注</td>
						<td>000000</td>
					</tr>
					<tr>
						<td>个人简介</td>
						<td>爱 好 特喜爱足球、音乐，也喜欢读书、书法、旅游、游戏、时政、以及各项运动等 个人简介  我性格开朗、思维活跃；待人真诚、可靠，做事有责任心，条理性强；易与人相处，对工作充满热情,任劳任怨,勤奋好学,敢挑重担，具有很强的团队精神和协调能力。</td>
					</tr>-->
				</table>
			</div>
			
		</div>
	</body>

</html>
<script src="js/jquery.js"></script>
<script>
	$(function () {
		$.ajax({
            type: "POST",
            url: "http://localhost:5656/person",
		}).then(function (res) {
            console.log(res[0]);
            $("img").attr("src","img/"+res[0].personimg);
           var str="";
        	str+="<tr><td>姓名</td><td>"+res[0].name+"</td></tr>";
            str+="<tr><td>邮箱</td><td>"+res[0].email+"</td></tr>";
            str+="<tr><td>手机</td><td>"+res[0].tel+"</td></tr>";
            str+="<tr><td>电话</td><td>"+res[0].phone+"</td></tr>";
            str+=" <tr><td>公司</td><td>"+res[0].company+"</td></tr>";
            str+="<tr><td>部门</td> <td>"+res[0].department+"</td></tr>";
            str+="<tr><td>备注</td><td>"+res[0].remarks+"</td></tr>";
            str+="<tr><td>个人简介</td><td>"+res[0].profile+"</td> </tr>";
			$("table").html(str);

        })
    })
</script>